(function (fruit, ui) {
    ui.define('fruit.ui.Radio', {
        events:['itemClick'],
        view:{
            tag:'label',
            props:{
                'role':'radio',
                'class':'f-radio',
                'aria-checked':'{#checked}',
                'aria-disabled':'{#disabled}'
            },
            content:[
                {
                    tag:'i',
                    props:{
                        'class':'f-radio-img'
                    }
                },
                {
                    name:'input',
                    tag:'input',
                    props:{
                        'name':'{#name}',
                        type:'radio',
                        checked:'{#checked}',
                        disabled:'{#disabled}'
                    }
                },
                {
                    name:'label',
                    tag:'span',
                    props:{
                        'class':'f-label'
                    },
                    content:'{#label}'
                }
            ],
            events:{
                'mouseup':'{#_mouseup}'
            }
        },
        properties:{
            label:{
                value:'Radio',
                observable:true
            },
            name:{
                observable:true
            },
            checked:{
                value:false,
                observable:true
            },
            disabled:{
                value:false,
                observable:true
            }
        },
        methods:{
            _mouseup:function(){
                this.fire('itemClick');
            }
        }
    });
})(fruit, fruit.ui);